<template lang="">
  <div>
    <mt-header title="琅琅金德空间">
      <router-link to="/" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
      <mt-button icon="more" slot="right">登录</mt-button>
    </mt-header>

    <mt-header title="复合按钮">
      <router-link to="/" slot="left">
        <mt-button icon="back">返回</mt-button>
        <mt-button @click="handleClose">close</mt-button>
      </router-link>
      <mt-button icon="more" slot="right">登录</mt-button>
    </mt-header>

    <mt-header class="header">
      <router-link to="#" slot="left">返回</router-link>
      <div slot="right">
        <router-link class="link" to="#">登录</router-link>&nbsp;
        <router-link class="link" to="#">注册</router-link>
      </div>
    </mt-header>


    <mt-button type="primary">primary</mt-button>
    <mt-button type="danger">danger</mt-button>
    <mt-button type="secondary">danger</mt-button>
  </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
  header{
    margin-bottom: 10px;
  }
  .header{
    background-color: #ffa026;
  }
  .link{
    color:white;
  }
</style>